// @import url('../../uni.scss');
//解决手机App顶部手机覆盖问题
.content {
	padding-top: var(--status-bar-height);
}

// 头部公用样式
.top-bar {
	width: 100%; 
	height: 88rpx;
	padding-top: var(--status-bar-height); //解决手机App顶部手机覆盖问题
	position: fixed;
	z-index: 1001;
	top: 0;
	left: 0;
	height: 88rpx;
	// box-sizing: border-box; // 不把 padding 计算到整体宽度里面


	.top-bar-left {
		float: left;
		padding-left: 32rpx;

		image {
			padding-top: 10rpx;
			width: 68rpx;
			height: 68rpx;
			border-radius: 16rpx;
		}

		.back-img {
			margin-top: 21rpx;
			width: 26rpx;
			height: 46rpx;
		}
	}

	.top-bar-center {
		text-align: center;
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;

		.logo {
			width: 42rpx;
			height: 42rpx;
			padding-top: 19rpx;
			// border-radius: ;
		}

		.title {
			font-size: 40rpx;
			color: rgba(39, 40, 50, 1);
			line-height: 88rpx;
		}
	}

	.top-bar-right {
		float: right;
		padding-right: 14rpx;

		// image {
		// 	width: 52rpx;
		// 	height: 52rpx;
		// 	padding: 18rpx 0 0 18rpx;
		// }
		.text {
			font-size: 32rpx;
			font-weight: 500;
			color: rgba(39, 40, 50, 1);
			line-height: 88rpx;

		}

		.search {
			display: inline-block;
			width: 88rpx;
			height: 88rpx;
			// border: 1rpx solid #ff0000;
			// float: left;
		}

		.add {
			width: 88rpx;
			height: 88rpx;
			display: inline-block;
			// float: right;
		}
	}

	.more-left {
		float: left;
		padding-left: 14rpx;

		image {
			width: 52rpx;
			height: 52rpx;
			padding: 18rpx 0 0 18rpx;
		}
	}
}

// 底部样式
.buttom-bar {
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 90rpx;
	padding-top: 10rpx;
	// background-color: #eee;
	padding-bottom: var(--status-bar-height);
}

.btn {
	// margin:  0 $uni-spacing-col-base;
	text-align: center;
	line-height: 80rpx;
	background: $uni-color-primary;
	// width: 684rpx;
	height: 80rpx;
	border-radius: $uni-border-radius-base;
	font-size: $uni-font-size-lg;
	color: rgba(39, 40, 50, 1);
}